<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>bootstrap模板</title>
		<link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css">
		<script src="../bootstrap-3.3.7-dist/js/jquery-2.1.4.min.js"></script>
		<script src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
		<script src="js/index.js"></script>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/index-md-lg.css">
		<link rel="stylesheet" href="css/index-sm-xs.css">
	</head>
	<body data-spy="scroll" data-target="#bs-example-navbar-collapse-1">
		<!-- 导航 -->
		<header id="header"></header>
		<nav class="navbar navbar-default navbar-fixed-top"">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
					 aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="active"><a href="#header">网站首页 <span class="sr-only">(current)</span></a></li>
						<li><a href="#services">服务范围</a></li>
						<li><a href="#project">客户案例</a></li>
						<li><a href="#aboutUs">关于我们</a></li>
						<li><a href="#newsLists">咨询中心</a></li>
						<li><a href="#connect">联系我们</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right hidden-sm hidden-xs">
						<li><a href=""><span class="glyphicon glyphicon-phone-alt"></span>027-<br>87229009</a></li>
					</ul>
				</div><!-- /.navbar-collapse -->
			</div><!-- /.container-fluid -->
		</nav>
		<!-- banner -->
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="img/banner01.png" alt="...">
					<div class="carousel-caption">
						...
					</div>
				</div>
				<div class="item">
					<img src="img/banner02.png" alt="...">
					<div class="carousel-caption">
						...
					</div>
				</div>
				<div class="item">
					<img src="img/banner01.png" alt="...">
					<div class="carousel-caption">
						...
					</div>
				</div>
			</div>

			<!-- Controls -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<!-- 服务 -->
		<div class="services" id="services">
			<div class="container">
				<div class="title text-center">
					<img src="img/services_title.png" alt="">
				</div>
				<div class="row lists">
					<div class="col-md-3 col-xs-6 item">
						<div class="item-logo-1 center-block">
							<div class="item-logo-2">
								<span class="glyphicon glyphicon-print"></span>
							</div>
						</div>
						<h4 class="text-center">
							设备采购
						</h4>
						<p class="hidden-sm hidden-xs">格莱用较少的成本提高了其所获得更为高效的IT产品及服务，我们全方位的解决方案帮助客户提高运营效率，同时实现企业的经营目标。</p>
					</div>
					<div class="col-md-3 col-xs-6 item">
						<div class="item-logo-1 center-block">
							<div class="item-logo-2">
								<span class="glyphicon glyphicon-hdd"></span>
							</div>
						</div>
						<h4 class="text-center">
							应用及数据服务
						</h4>
						<p class="hidden-sm hidden-xs">格莱致力于为客户提供卓越的技术服务，帮助他们确保数据库运行的稳定性，提高数据库运行效率、降低运行风险以及维护成本。</p>
					</div>
					<div class="col-md-3 col-xs-6 item">
						<div class="item-logo-1 center-block">
							<div class="item-logo-2">
								<span class="glyphicon glyphicon-tasks"></span>
							</div>
						</div>
						<h4 class="text-center">
							服务器维护
						</h4>
						<p class="hidden-sm hidden-xs">格莱能提供对各种主流操作系统的维护和支持服务，专业的技术支持服务将增强您系统的稳定性，减少故障发生率，360°全方位守护您的服务器安全。</p>
					</div>
					<div class="col-md-3 col-xs-6 item">
						<div class="item-logo-1 center-block">
							<div class="item-logo-2">
								<span class="glyphicon glyphicon-cloud"></span>
							</div>
						</div>
						<h4 class="text-center">
							企业网络部署
						</h4>
						<p class="hidden-sm hidden-xs">格莱企业网部署主营业务范围主要涵盖计算机系统构架设计及咨询服务,构成了完整的IT网络业务链,为用户提供全方位的网络系统服务。</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 项目 -->
		<div class="project" id="project">
			<div class="title text-center">
				<img src="img/project_title.png" alt="">
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-xs-6">
						<img class="img-responsive" src="img/bz01.png" alt="">
					</div>
					<div class="col-md-3 col-xs-6">
						<img class="img-responsive" src="img/bz01.png" alt="">
					</div>
					<div class="col-md-3 col-xs-6">
						<img class="img-responsive" src="img/bz01.png" alt="">
					</div>
					<div class="col-md-3 col-xs-6">
						<img class="img-responsive" src="img/bz01.png" alt="">
					</div>
					<div class="col-md-3 col-xs-6">
						<img class="img-responsive" src="img/bz01.png" alt="">
					</div>
					<div class="col-md-3 col-xs-6">
						<img class="img-responsive" src="img/bz01.png" alt="">
					</div>
					<div class="col-md-3 col-xs-6">
						<img class="img-responsive" src="img/bz01.png" alt="">
					</div>
					<div class="col-md-3 col-xs-6">
						<img class="img-responsive" src="img/bz01.png" alt="">
					</div>
				</div>
			</div>
		</div>
		<!-- about us -->
		<div class="aboutUs" id="aboutUs">
			<div class="container">
				<div class="title text-center">
					<img src="img/about_title.png" alt="">
				</div>
				<div class="row">
					<div class="col-md-3 col-xs-12">
						<img class="img-responsive" src="img/comp01.jpg" alt="">
					</div>
					<div class="col-md-3 col-xs-12">
						<img class="img-responsive" src="img/comp01.jpg" alt="">
					</div>
					<div class="col-md-3 col-xs-12">
						<img class="img-responsive" src="img/comp01.jpg" alt="">
					</div>
					<div class="col-md-3 col-xs-12">
						<img class="img-responsive" src="img/comp01.jpg" alt="">
					</div>
				</div>
			</div>
		</div>
		<!-- 格莱科技介绍 -->
		<div class="glkj">
			<div class="container">
				<div class="title text-center">
					<span class="glyphicon glyphicon-plus myplus" data-toggle="collapse" data-target="#collapseExample"></span>
				</div>
				<div class="row collapse" id="collapseExample">
					<div class="col-md-4 col-xs-12">
						<img src="img/logo-black.png" alt="">
					</div>
					<div class="col-md-8 col-xs-12">
						<p>格莱信息科技有限公司，专注于为企业提供网络系统服务、软件外包、电子商务、信息化咨询服务、互联网人才外包服务等互联网综合解决方案的高科技互联网企业。系redhat河南地区唯一授权“红帽学院推广中心” 。</p>
						<p>为助力我国互联网人才培养，现致力于面向全国高校、职业院校进行产、学、研校企深度合作。凭借公司深厚的行业背景，与院校深度结合，形成全新的互联网教育体系和科研体系。现与信阳职业技术学院、开封文化艺术职业学院、鹤壁职业技术学院、三门峡职业技术学院、南阳农业职业学院、驻马店职业技术学院、濮阳职业技术学院等多家高校达成合作，共建校企合作专业。该体系致力于打通人才供应端和人才需求端，培养出一系列适应市场要求的创新型、实用型互联网人才，以满足社会需求。</p>
						<ul class="list-unstyled">
							<li>格莱成长历程：</li>
							<li>1998年品牌诞生；</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 新闻列表 咨询列表AAA-->
		<div class="newsLists" id="newsLists">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-xs-12">
						<h2>公司动态<small>News</small></h2>
						<ul class="list-unstyled">
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="col-md-4 col-xs-12">
						<h2>公司动态<small>News</small></h2>
						<ul class="list-unstyled">
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="col-md-4 col-xs-12">
						<h2>公司动态<small>News</small></h2>
						<ul class="list-unstyled">
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
							<li>
								<a href="" class="clearfix">
									<p class="pull-left">格莱科技与湖北美堡斯教育达成战略合作并签约成功。</p>
									<span class="pull-right">2017-10-26</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 联系我们 -->
		<div class="connect" id="connect">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-xs-12">
						<h2>告诉我们您的需求</h2>
						<h2>TELL US WHAT YOU NEED</h2>
						<!-- 栅格系统搭配表单组件使用：栅格用来整体布局 表单的类名优化布局 -->
						<form class="row">
							<div class="col-xs-6 form-group">
								<input type="text" class="form-control" placeholder="请输入您的名称">
							</div>
							<div class="col-md-12 col-xs-6 form-group">
								<input type="text" class="form-control" placeholder="请输入您的QQ">
							</div>
							<div class="col-xs-12 form-group">
								<textarea class="form-control" placeholder="请输入您的留言"></textarea>
							</div>
							<div class="col-xs-12 form-group">
								<button class="btn btn-danger">发送</button><small>我们将在1个工作日内回复，资料会保密处理</small>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-- link -->
		<div class="link">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-xs-12">
						<h2>LINK</h2>
						<h2>KEYWORD</h2>

						<!-- 两个空格 -->
						<p>
							<span>格莱科技云平台</span>
							&emsp;&emsp;
							<span>湖北银河信息技术学院</span>
						</p>
						<h4>
							格莱科技
						</h4>
						<p>
							专注于为企业提供网络系统服务、软件外包、电子商务、信息化咨询服务、 互联网人才外包服务等互联网综合解决方案的高科技互联网企业。
						</p>
					</div>
					<div class="col-md-6 col-xs-12 btns">
						<a href="#" class="btn">
							在线咨询
						</a>
						<a href="#" class="btn">
							新浪微博
						</a>
						<a href="#" class="btn">
							微信二维码
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- footer -->
		<footer class="text-center">
			<div class="container">
				<p>Copyright © 2017 格莱科技 保留公司所有权利。</p>
				<p>
					<a href="">关于我们</a> |
					<a href="">联系我们</a> |
					<a href="">网站地图</a> |
					<a href="">格莱统计</a>
				</p>
			</div>
		</footer>
	</body>
</html>
